<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
</head>
<body>
        <div class="jump">
        密码登录
    </div>
    <div class="content">
        <div class="title">
            <div class="title-box">
                手机号登录/注册
            </div>
            <div class="msg">
                快速找到好友, 一站式记录你的运动
            </div>
        </div>
        <div class="panle">
            <div class="item dpflex mt20">
                <div class="sign">
                    +86
                </div>
                <i class="iconfont icon-daosanjiao"></i>
                <input type="text" class="inp flex1" id="tell" placeholder="输入手机号码">
            </div>
            <div class="item-yzm dpflex mt20">
                <input type="text" placeholder="请输入验证码" id="yzm" class="flex1">
                <div class="yzm">
                    <canvas width="123" height="50" id="captcha"></canvas>
                </div>
            </div>
            <input type="password" placeholder="请输入密码" id="pwd" class="inp-item mt20" >
            <input type="password" placeholder="请再次确认密码" id="pwd1" class="inp-item mt20" >
            <div class="btn mt20">注册账号</div>
        </div>
        <div class="weixin mt20">
            <i class="iconfont icon-weixin"></i>微信登录
        </div>
    </div>
   
    <div class="text">
            -HOLD ON-
    </div>
</body>
</html>